.page{
	margin-top: 60rpx;
}
.head{	
	// position: fixed;
	// top: 0;
	// left: 0;
	// padding: 20rpx 20rpx 0;
	// margin: 0rpx 0 20rpx;
	// background-color: #FFFFFF;
	// z-index: 999;
	// width: 100%;
	// height: 100rpx;
	display: flex;
	.head-img{
		width: 100rpx;
		height: 100rpx;
		margin: 0rpx 20rpx;
		border: 1rpx solid #ffffff;
		border-radius: 50%;
	}
	.head-input{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 30rpx 20rpx;
	}
	.head-Select{
		width: 100%;
		margin-left: -30rpx;
		margin-right: 6rpx;
		font-size: 30rpx;
		text-align: center;
	}
	.select-img{
		margin-top: -8rpx;
		width: 50rpx;
		height: 50rpx;
		cursor: pointer;
	}
}
.head-img image{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.list-wrap{
	margin-top: 10rpx;
	width: 100%;
	.list-item{
		width: 96%;
		margin: 0 2%;
		border-radius: 5rpx;
		background-image: url(../../static/app/bg5.png);
		height: 180rpx;
		background-size: cover;
		color: #ffffff;
		overflow: hidden;
		.item-title{
			font-size: 48rpx;
			margin-left: 60rpx;
			margin-top: 60rpx;
		}
		.item-sub-title{
			font-size: 24rpx;
			margin-left: 60rpx;
		}
	}
	.item2{
		background-image: url(../../static/app/bg6.png);
	}

}


.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 998;
}

.dialog-wrap{
	position: fixed;
	top: 20%;
	width: 94%;
	margin-left: 3%;
	background-color: #ffffff;
	z-index: 999;
	border-radius: 10rpx;
	padding-bottom: 20rpx;
	.input-wrap{
		margin: 70rpx 30rpx;
		.input-item{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-bottom: 1rpx solid #f4f4f4;
			padding: 20rpx 0rpx;
			margin-top: 20rpx;
			.input-label{
				width: 25%;
				font-size: 28rpx;
			}
			.input-box{
				width: 70%;
				.placeholder-class{
					font-size: 28rpx;
				}
			}
		}
		
	}
	.dialog-btn{
		width: 80%;
		margin-left: 10%;
		height: 80rpx;
		background-color: $dominant-color;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8rpx;
	}
	.dialog-close{
		position: absolute;
		width: 30rpx;
		height: 30rpx;
		top: 20rpx;
		right: 20rpx;
	}
}

.bottom-dialog-wrap{
	position: fixed;
	width: 94%;
	margin-left: 3%;
	z-index: 999;
	bottom: 20rpx;
	.info-wrap{
		background-color: #ffffff;
		border-radius: 8rpx;
		margin-bottom: 20rpx;
		.info-item{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			
			font-size: 36rpx;
			color: $dominant-color;
			image{
				width: 60rpx;
				height: 60rpx;
				margin: 20rpx;
			}
		}
		
	}
	.dialog-btn{
		background-color: #ffffff;
		border-radius: 8rpx;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20rpx 0;
	}
	
}
	.address-item{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.address{
		margin-right: 120rpx;
	}
	.add-select{
		display: flex;
		flex-direction: row;
		text-align: right;
	}
	.add-select input{
		width: 400rpx;
	}
	.addimage{
		width: 40rpx;
		height: 40rpx;
		display: block;
	}
	.developing{
		width: 96%;
		height: 100%;
		line-height: 660rpx;
		background-color: #FFFFFF;
		position: fixed;
		top: 0rpx;
		left: 2%;
		text-align: center;
		font-size: 30rpx;
		border-radius: 20rpx;
		opacity: 0.9;
	}
	.closeIntegral{
		clear: both;
		width: 200rpx;
		height: 60rpx;
		background-color: rgba(88, 100, 253, 1);
		position: fixed;
		bottom: 20%;
		left: 50%;
		margin-left: -100rpx;
		text-align: center;
		color: #FFFFFF;
		font-size: 30rpx;
		line-height: 60rpx;
		border-radius: 8rpx;
		z-index: 66;
	}
	.logo{
		width: 140rpx;
		height: 140rpx;
		background-color: #FFFFFF;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		top: -70rpx;
		margin-left: -70rpx;
		box-shadow: 0rpx 3rpx 10rpx 4rpx #F4F4F4;
	}
	.logo image{
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		//margin: 10rpx;
		margin-left: 12rpx;
		margin-top: 10rpx;
	}